<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="../Css/cart.css">
    <link rel="stylesheet" href="../Css/footer.css">
    <link rel="icon" href="https://store.res.meizu.com/layout/img/favicon-2e71785f44.ico" type="image/x-icon">
    <script src="../libs/requirejs/require.js" data-main="/js/cart"></script>


</head>

<body>
    <div class="cartHead">
        <div class="cart-Head-List">
            <a href="http://localhost/"><img src="../images/logo/logo0.png" alt="">
            </a>
            <ul>
                <li>
                    <a href="#" onclick="return flase">购物车</a>></li>
                <li>
                    <a href="#" onclick="return flase">确认订单</a>></li>
                <li>
                    <a href="#" onclick="return flase">在线支付</a>></li>
                <li><a href="#" onclick="return flase">完成</a></li>
            </ul>
            <div>
                <span><a href="#" onclick="return flase">我的订单</a></span>
                <span><a href="#" onclick="return flase">我的商城</a><i></i></span>
            </div>
        </div>
    </div>
    <section>
        <div class="body_not">
            <div class="not">
                <img src="../images/cart/cart.png" alt="">
                <div>
                    <p>购物车内还没有商品，赶紧去选购吧~</p>
                    <a href="http://localhost/"><input type="button" value="返回商城首页"></a>
                </div>
            </div>
        </div>
        <div class="body_cart hidden">
            <table>
                <thead>
                    <tr>
                        <th>
                            <div>
                                <input type="checkbox" class="allgoods">
                                <span>全选</span>
                            </div>
                        </th>
                        <th>单价（元）</th>
                        <th>数量</th>
                        <th>小计（元）</th>
                        <th>编辑</th>
                    </tr>
                </thead>
                <tbody class="Cart_body">
                </tbody>
            </table>
            <div class="cart_foot">
                <ul>
                    <li>
                        <div>
                            <input type="checkbox" class="allgoods"> 全选
                        </div>
                    </li>
                    <li>
                        <div>
                            合计(不包含运费)：
                            <span>￥</span>
                            <span class="allPri">00.00</span>
                        </div>
                        <input type="button" value="去结算">
                    </li>
                </ul>
            </div>

        </div>
    </section>
    <footer></footer>
    <script type="text/html" id="cart-List">
        {{each cart prod}}
        <tr data-id="{{prod.id}}">
            <td>
                <input type="checkbox" class="checkedgoods">
                <img src="{{prod.img}}" alt="">
                <p>{{prod.title}}</p>
            </td>
            <td>￥<span>{{prod.price}}</span></td>
            <td>
                <input type="button" value="-" class="pass">
                <input type="text" value="{{prod.amount}}" class="goodsNum">
                <input type="button" value="+" class="into">
            </td>
            <td>￥<span class="subprice">{{(prod.price*prod.amount).toFixed(2)}}</span></td>
            <td><input type="button" value="删除" class="del"></td>
        </tr>
        {{/each}}
    </script>

</body>

</html>